<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="style/images/favicon.png">
<title>Frost</title>
<!-- Bootstrap core CSS -->
<link href="style/css/bootstrap.css" rel="stylesheet">
<link href="style/css/settings.css" rel="stylesheet">
<link href="style/css/owl.carousel.css" rel="stylesheet">
<link href="style/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet"
	type="text/css" media="all" />
<link
	href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2"
	rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet">
<link href="style/css/color/blue.css" rel="stylesheet">
<link
	href='http://fonts.useso.com/css?family=Josefin+Sans:400,600,700,400italic,600italic,700italic'
	rel='stylesheet' type='text/css'>
<link
	href='http://fonts.useso.com/css?family=Raleway:400,300,500,600,700,800,900'
	rel='stylesheet' type='text/css'>
<link
	href='http://fonts.useso.com/css?family=Dosis:200,300,400,500,600,700,800'
	rel='stylesheet' type='text/css'>
<link href="style/type/fontello.css" rel="stylesheet">
<link href="style/type/budicons.css" rel="stylesheet">
<!-- js -->
<script src="style/js/jquery.min.js"></script>
<script src="style/js/bootstrap.min.js"></script>
<script src="style/js/twitter-bootstrap-hover-dropdown.min.js"></script>
<script src="style/js/jquery.themepunch.plugins.min.js"></script>
<script src="style/js/jquery.themepunch.revolution.min.js"></script>
<script src="style/js/jquery.easytabs.min.js"></script>
<script src="style/js/owl.carousel.min.js"></script>
<script src="style/js/jquery.isotope.min.js"></script>
<script src="style/js/jquery.fitvids.js"></script>
<script src="style/js/jquery.fancybox.pack.js"></script>
<script
	src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script src="style/js/jquery.slickforms.js"></script>
<script src="style/js/instafeed.min.js"></script>
<script src="style/js/retina.js"></script>
<script src="style/js/google-code-prettify/prettify.js"></script>
<script src="style/js/scripts.js"></script>
<script src="style/js/class-deal.js"></script>

<style type="text/css">
html {
	height: 100%
}
/*body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}  */
#maps {
	height: 500px;
	width: 90%;
}
</style>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="style/js/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
</head>
<body>
	<div class="body-wrapper">
		<div class="navbar default">
			<div class="navbar-header">
				<div class="container">
					<div class="basic-wrapper">
						<a class="btn responsive-menu pull-right" data-toggle="collapse"
							data-target=".navbar-collapse"><i class='icon-menu-1'></i></a> <a
							class="navbar-brand" href="index.html"><img
							src="style/images/logo.png" alt=""
							data-src="style/images/logo.png"
							data-ret="style/images/logo@2x.png" class="retina" /></a>
					</div>
					<nav class="collapse navbar-collapse pull-right">
						<ul class="nav navbar-nav">
							<li><a href="index.html">主页</a></li>
							<li><a href="classes.html">智慧教室</a></li>
							<li><a href="cars.html">智慧车位</a></li>
							<li><a href="bicyle.html">智慧自行车</a></li>
							<li><a href="#about">关于我们</a></li>
							<li><a href="#contact">联系我们</a></li>
							<li class="dropdown"><a href="#"
								class="dropdown-toggle js-activated">智慧校园</a>
								<ul class="dropdown-menu">
									<li class="dropdown-submenu"><a href="#">Blog</a>
										<ul class="dropdown-menu">
											<li><a href="blog.html">Medium Image Layout</a></li>
											<li><a href="blog2.html">Grid Blog</a></li>
											<li><a href="blog3.html">Grid Blog with Sidebar</a></li>
											<li><a href="blog4.html">Classic Blog</a></li>
											<li><a href="blog-post.html">Blog Post</a></li>
										</ul></li>
									<li class="dropdown-submenu"><a href="#">Portfolio
											Posts</a>
										<ul class="dropdown-menu">
											<li><a href="portfolio-post.html">Post with Wide
													Slider</a></li>
											<li><a href="portfolio-post2.html">Post with Half
													Slider</a></li>
											<li><a href="portfolio-post3.html">Post with
													Carousel Gallery</a></li>
											<li><a href="portfolio-post4.html">Post with
													Multiple Images</a></li>
											<li><a href="portfolio-post5.html">Post with Half
													Images</a></li>
											<li><a href="portfolio-post6.html">Post with
													Fullscreen Slider</a></li>
											<li><a href="portfolio-post7.html">Post with
													Fullwidth Video</a></li>
											<li><a href="portfolio-post8.html">Post with Half
													Video</a></li>
										</ul></li>
									<li><a href="elements.html">Elements</a></li>
									<li><a href="headings.html">Headings</a></li>
									<li><a href="footer.html">Footer with Widgets</a></li>
									<li><a href="pricing.html">Pricing Table</a></li>
									<li><a href="fontello.html">Font Icons - Fontello</a></li>
									<li><a href="budicon.html">Font Icons - Budicon</a></li>
									<li><a href="http://www.cssmoban.com">More</a></li>
								</ul></li>
						</ul>
					</nav>
				</div>
			</div>
			<!--/.nav-collapse -->
		</div>
		<!--/.navbar -->
		<div class="offset"></div>
		<div class="pcw">
			<div class="container inner">
				<div class="row">
					<div class="col-sm-8">
						<ul id="myTab" class="nav nav-tabs">
							<li class="active"><a href="#home" data-toggle="tab">一楼</a></li>
							<li><a href="#ios" data-toggle="tab">二楼</a></li>

						</ul>
						<div id="myTabContent" class="tab-content">
							<div class="tab-pane fade in active" id="home">

								<!-- 表格勾勒 -->

								<!-- ajax设置颜色 -->
							<div class="row">
						
								<table class="table table-bordered">
									<caption>教室布局</caption>
									<!-- <thead>
										<tr>
											<th>产品</th>
											<th>付款日期</th>
											<th>状态</th>
											<th>产品</th>
											<th>付款日期</th>
											<th>状态</th>
											<th>状态</th>

										</tr>
									</thead> -->
									<tbody>
										<tr>
											<td rowspan="2" id="101">101</td>
											<td colspan="2" id="102">102</td>
											<td id="103">103</td>
											<td colspan="2" id="104">104</td>
											<td rowspan="2" id="105">105</td>
										</tr>
										<tr>
											<td colspan="2 " rowspan="4"></td>
											<td id="113">113</td>
											<td colspan="2 " rowspan="4"></td>
										</tr>
										<tr>
											<td rowspan="2" id="116">116</td>
											<td id="112">112</td>
											<td rowspan="2" id="106">106</td>
										</tr>

										<tr>
											<td id="111">111</td>
										</tr>

										<tr>
											<td rowspan="2" id="115">115</td>
											<td id="110">110</td>
											<td rowspan="2" id="107">107</td>
										</tr>

										<tr>
											<td colspan="2" id="114">114</td>
											<td id="109">109</td>
											<td colspan="2" id="108">108</td>
										</tr>

										<!-- <tr>
											<td class="danger warning success">待确认</td>
										</tr> -->

									</tbody>
								</table>

						</div>
						<div class="row">
							<table class="table">
							<caption>图解</caption>
							<tr>
								<td class="danger"></td>
								<td>上课</td>
								<td class="warning"></td>
								<td>拥挤</td>
								<td class="success"></td>
								<td>空闲</td>
							</tr>
							</table>
						</div>

							</div>
							<div class="tab-pane fade" id="ios">
								<div class="col-sm-6 thumbnail">
									<a href="class.html"><img src="img-1.jpg"
										class="img-rounded ">教学楼 5</a>
								</div>
								<div class="col-sm-6 thumbnail">
									<a href="class.html"><img src="img-1.jpg"
										class="img-rounded ">教学楼 6</a>
								</div>
								<div class="col-sm-6 thumbnail">
									<a href="class.html"><img src="img-1.jpg"
										class="img-rounded ">教学楼 7</a>
								</div>
								<div class="col-sm-6 thumbnail">
									<a href="class.html"><img src="img-1.jpg"
										class="img-rounded ">教学楼 8</a>
								</div>
							</div>
						</div>



					</div>
					<!-- /.col-sm-8 -->
					<div class="col-sm-4 lp30">

						<br> <br>

						<!-- 列表 -->
						<h1>
							教学楼列表
							</h2>



							<dl>
								<dt>
									<a href="class.html"><h2>主校区</h2></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 1</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 2</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 3</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 4</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h2>西校区</h2></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 5</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 6</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 7</h3></a>
								</dt>
								<dt>
									<a href="class.html"><h3>教学楼 8</h3></a>
								</dt>
							</dl>

							<br> <br>

							<h1>
								楼层列表
								</h2>



								<dl>
									<dt>
										<a href="class.html"><h3>一楼</h3></a>
									</dt>
									<dt>
										<a href="class.html"><h3>二楼</h3></a>
									</dt>

								</dl>
					</div>
					<!-- /.col-sm-4 -->
				</div>
				<!-- /.row -->

			</div>
		</div>
		<!-- /.pcw -->

		<footer class="footer">
			<div class="container inner">
				<p class="pull-left">
					© 2015 All rights reserved. <a
						href="http://lemontrees.sinaapp.com/" target="_blank" title="">Lemontree</a>
				</p>
				<ul class="social pull-right">
					<li><a href="#"><i class="icon-s-rss"></i></a></li>
					<li><a href="#"><i class="icon-s-twitter"></i></a></li>
					<li><a href="#"><i class="icon-s-facebook"></i></a></li>
					<li><a href="#"><i class="icon-s-dribbble"></i></a></li>
					<li><a href="#"><i class="icon-s-pinterest"></i></a></li>
					<li><a href="#"><i class="icon-s-instagram"></i></a></li>
					<li><a href="#"><i class="icon-s-vimeo"></i></a></li>
				</ul>
			</div>
			<!-- .container -->
		</footer>
		<!-- /footer -->
	</div>
	<!-- .body-wrapper -->

</body>
</html>